<!-- FORMULARIO TIPO DE MOVIMIENTO -->
<!-- Botón seleccionable-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#seleccionable" ).buttonset();
    });
</script>

<!-- Botón activo-->
<script language="javascript" type="text/javascript">
    $(function() {
        $( "#signo" ).buttonset();
    });
</script>


<!-- LISTA DE TIPOSMOVIMIENTO Y FORMULARIO DE TIPOSMOVIMIENTO-->
<!-- TRAE LOS TIPOSMOVIMIENTO -->
<script>
    function traetiposmovimiento() {
        if(seleccionado == 'tiposmovimiento'){
            $(function() { 
                $.ajax({ 
                    data: "accio=omplirLlista", 
                    type: "GET", 
                    dataType: "json", 
                    url: "./controlador/TipomovimientoControl.php", 
                    beforeSend : function(jqXHR, settings) {
                        console.info('in beforeSend');
                        console.log(jqXHR, settings);
                        $("#divajax").show(); 
                    },
                    error : function(jqXHR, textStatus, errorThrown) {
                        console.info('in error');
                        console.log(jqXHR, textStatus, errorThrown);
                    },
                    success: function(data){ 
                        //alert("hola");
                        mostraLlistaTiposmovimiento(data);
                        $("#divajax").hide();
                        $(".derechaConfig").hide();
                    }
                });
            });  
        }
    }
</script>

<!-- MUESTRA LA LISTA DE TIPOSMOVIMIENTO -->
<script language="javascript" type="text/javascript">
    function mostraLlistaTiposmovimiento(data) {
        if(seleccionado == 'tiposmovimiento'){
            $("#ttiposmovimiento").empty();
            var texto = "<thead><tr><th>Código</th><th>Descripción</th><th>Seleccionable</th><th>Signo</th></tr></thead><tbody>";
            $.each(data,function(index,value) {
                texto = texto + "<tr id='"+data[index].codigoTipoMovimiento+"'>";
                texto = texto + "<td>"+data[index].codigoTipoMovimiento+"</td>";
                texto = texto + "<td>"+data[index].descripcionTipoMovimiento+"</td>";
                texto = texto + "<td>"+data[index].seleccionable+"</td>"; 
                texto = texto + "<td>"+data[index].signo+"</td>";      
                texto = texto + "</tr>";
            });
            var texto = texto+"</tbody>";
            $("#ttiposmovimiento").append(texto);
        }
    }
</script>


<!-- CLIC A AÑADIR TIPOMOVIMIENTO -->
<script type='text/javascript'>
    $(function() { 
        $("#afegirTM").click(function() {
            $("#tiposmovimientoForm").show();
            $("#ftipomovimiento").reset();
            //  selectTipomovimientoDependiente();

<?php
$_SESSION['tipomovimientoSelected'] = "";
$_SESSION['tipomovimiento'] = null;
?>;
        });
    });
</script>

<!-- CLIC A UN TIPOMOVIMIENTO DE LA LISTA PARA MOSTRARLO EN EL FORMULARIO DERECHA-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#ttiposmovimiento').delegate('tbody tr', 'click', function () {  
            //$("#ttiposmovimiento tbody").click(function(event) {
            var codigoTipoMovimientoClic = $(this).attr("id");
            $.ajax({ 
                data: "accio=omplirFTipomovimiento&codigoTipoMovimientoClic="+codigoTipoMovimientoClic, 
                type: "GET", 
                dataType: "json", 
                url: "controlador/TipomovimientoControl.php",
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data){ 
                    mostraFTipomovimiento(data);
                    $("#divajax").hide();
                    
                }
            });
 
        });
    });
</script>

<!-- MUESTRA LOS DATOS DEL FORMULARIO TIPOMOVIMIENTO -->
<script language="javascript" type="text/javascript">
    function mostraFTipomovimiento(data) {
        $("#ftipomovimiento").reset();
        $("#tiposmovimientoForm").show();
        $.each(data,function(index,value) { 
            $("#codigoTipoMovimiento").val(data[index].codigoTipoMovimiento);
            $("#descripcionTipoMovimiento").val(data[index].descripcionTipoMovimiento);
            var $elselect = $('input:radio[name=seleccionable]');
            if(data[index].seleccionable == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=0]').attr('checked',false);
            }else{
                $elselect.filter('[value=0]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            }    
            $elselect = $('input:radio[name=signo]');
            if(data[index].signo == 1){
                $elselect.filter('[value=1]').attr('checked',true);   
                $elselect.filter('[value=-1]').attr('checked',false);
            }else{
                $elselect.filter('[value=-1]').attr('checked',true);   
                $elselect.filter('[value=1]').attr('checked',false);
            }
        });
    }
</script>


<!-- CLIC A GUARDAR TIPOMOVIMIENTO EN LA BASE DE DATOS(MODIFICARLO O CREARLO)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#guardarTM').click(function() {  
            if($("#codigoTipoMovimiento").val() ==""){
                var datos = "accio=create&codigoTipoMovimiento=&"+$("#ftipomovimiento").serialize(); 
            }else{
                var datos = "accio=update&codigoTipoMovimiento="+$("#codigoTipoMovimiento").val()+"&"+$("#ftipomovimiento").serialize(); 
            }
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/TipomovimientoControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                error : function(jqXHR, textStatus, errorThrown) {
                    console.info('in error');
                    console.log(jqXHR, textStatus, errorThrown);
                },
                success: function(data1){
                    traetiposmovimiento();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>


<!-- CLIC A ELIMINAR TIPOMOVIMIENTO EN LA BASE DE DATOS(DELETE)-->

<script language="javascript" type="text/javascript">
    $(function() {
        $('#deleteTM').click(function() {  

            var datos = "accio=delete&codigoTipoMovimiento="+$("#codigoTipoMovimiento").val()+"&"+$("#ftipomovimiento").serialize(); 
                  
            $.ajax({ 
                data: datos,
                type: "GET", 
                dataType: "json", 
                async: false,
                url: "controlador/TipomovimientoControl.php", 
                beforeSend : function(jqXHR, settings) {
                    console.info('in beforeSend');
                    console.log(jqXHR, settings);
                    $("#divajax").show(); 
                },
                success: function(data1){
                    traetiposmovimiento();
                    $("#divajax").hide(); 
                }
            });
 
        });
    });
</script>

